@charset "utf-8";

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); 
font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
body,ul,li,ol,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,b,br,section,header,footer,nav,menu,slider,pre{margin:0;padding:0;color:#333; font-family: "Microsoft YaHei";}
body{ color: #666666; background-color: #fff;  word-break: break-all; word-wrap:break-word; font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color:#333;border:0;}
a:focus{outline:none;}
a:hover{ background: none;}
a:focus, a:hover{ color: #666;}
ul,ul li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;cursor: pointer;color:#666; }
a:hover{text-decoration:none;outline:none; color: initial;}
a:focus{outline:none}
a:hover,a:active{outline:none}
a:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/ color: #305BFF;}
a:active{text-decoration:none;/* 指正在点的链接*/ }

.left{ float: left;}
.right{ float: right;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
article p {font-size:14px; color:#333; line-height:30px;}
article img {max-width:100%;}
em{ display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:center;}


.bgWhite{ background-color: #fff;}
.bgf5f5f5{background-color: #f5f5f5;}
.margB1{ margin-bottom: 20px !important;}
.padT1{ padding-top: 20px;}
.padT2{ padding-top: 40px;}
/* 屏幕适配 */
/*默认参照iphone6*/
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
}
.swiper-container .swiper-wrapper .recommendImage {width: inherit;}
.swiper-container .swiper-wrapper .recommendImage img{width: auto;max-width: 90%;margin: 0 auto;}
html {
    font-size: 16px;
}
/*适配ipad pro*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    html{
        font-size: 20px;
    }
}
/*适配ipad pro*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
    html{
        font-size: 18px;
    }
}

/*适配ipad*/
@media screen and (min-width: 415px) and (max-width: 768px){
    html {
        font-size: 17px;
    }
}
/*适配iphone6plus*/
@media screen and (min-width: 376px) and (max-width: 414px){
    html {
        font-size: 16px;
    }
}
@media screen and (min-width:321px) and (max-width:375px){
    html {
        font-size: 14px;
    }
}
/*适配iphone5*/
@media screen and (max-width: 320px){
    html {
        font-size: 12.65px;
    }
}
.top {  z-index:999;   position: relative; } 
.top .icon-fanyi-full{ font-size: 36px; color: #666666; display: block; margin-right: 20px; }
.top .top_r { box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 70px; right: -10px;}
.top .top_r a { display:block; width: auto; white-space: nowrap; font-size:14px;color:#666;padding: 0 25px; height: 40px;line-height: 40px; text-align: center; background:#fff; border-top: 1px solid #f0f0f0;}
.top .top_r a:last-child { border-right:none;}
.top .top_r a:hover { color:#305BFF; } 

@media screen and (max-width:800px){
    .top .icon-fanyi-full{ font-size: 30px; margin-left: 16px; line-height: 1.5;}
    .top .top_r{ left: 15px; top: 40px;  }
    .top .top_r a{ padding: 0 ; text-align: left; border: none;}
}


/* 头部--------------------------- */
.TOPhea{width: 100%;background: #ffffff;height: 80px;
  position: fixed;top: 0px;
    z-index: 11;}

.banner .swiper-pagination-bullet{background: #ffffff;opacity: .5;}
.banner .swiper-pagination-bullet-active{background: #305BFF;opacity: 1;}
.phoneName{margin-left: 10px;}
.bgHeader{background: #ffffff;border-bottom: 1px solid #CCCCCC;}
.phoneImg{border-left: 1px solid #CCCCCC;padding-left: 20px;}

.wrapper{ width: 1200px; margin: 0 auto;}
.main{ padding-top: .1px; overflow: hidden;}
.header{ height: 80px;  display: flex; margin: 0px auto;padding: 0px 0px 0px 25px;
        display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:center; z-index: 100; }
.header>ul>li.active>a{color: #305BFF;}

.menu{height: 100%; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
.menu>li{height: 100%;  display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center;}
.menu>li>a{display: inline-block; font-size: 16px; color: #666666; padding: 0px 20px; line-height: 1.4;}
.menu>li.active{box-sizing: border-box; }
.menu>li.active>a{ color: #666666; }
.menu>li.product_menu::after{ content: " "; display: inline-block; width: 0; height: 0; margin: 0 5px; border-width: 6px 6px 0 6px; border-color: #808080 transparent transparent transparent;
         border-style: solid;transition: all .3s ease-out 0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; }
.menu>li.product_menu:hover::after{ transform: rotate(180deg); transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out;
         border-color: #305BFF transparent transparent transparent;}
.menu>li.product_menu:hover .productChild1{ opacity:1; filter: alpha(opacity=100); transform: translateY(100%); transition:all .5s ease-out; -webkit-transition:all .5s ease-out;
         -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out;}
.menu>li .productChild1{ opacity: 0; filter:alpha(opacity=0);  position: absolute; bottom: 0; left: 0; transform: translateY(-50%); background-color: #fff; width: 100%; height: auto; border-radius: 3px;
         -webkit-border-radius: 3px; -moz-border-radius: 3px; transition:all .5s ease-out; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; box-shadow: 0 0 20px #ccc;}
.menu>li .productChild1 li a{ display: block;  text-align: center; font-size: 14px; line-height: 2.8;}
.menu>li .productChild1 li:hover>a{ color: #305BFF;}
.nav{ display: none;} 
@media screen and (max-width:1200px){
   .header{width: 100%; margin: 0;padding: 0px 0px 0px 10px;}
   .wrapper{ width: 100%; padding:0px 10px;}
   .menu{padding-right: 20px;justify-content: flex-end;}
   .menu>li{padding: 0px 5px;}
   .menu>li>a{padding: 0px 10px;}
}
@media screen and (max-width:1150px){
    .menu{padding-right: 10px;justify-content: flex-end;}
    .menu>li>a{padding: 0px 5px;}
}
@media screen and (max-width:900px){
    .header{width: 100%; margin: 0px 5px;}
    .menu>li>a{padding: 0px 5px;}
}
@media screen and (max-width:1080px){
    .heaBg{display: none;}
    .zhiBoBtn{margin-top: 15px;}
    .menu>li.active>a{ color: #305BFF; border-bottom: 3px solid #ffffff; }
    .main{ padding-top: 66px;}
    .header{width: 100%; margin: 0; height: 80px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: none;  }
    .headerTop a {height:66px; line-height:66px;}
    .headerTop a img{ height: 42px; margin-left: 6px;}
    .menu{ display: block; margin-right: 0; flex-wrap: wrap; width:60%;  height: 100vh; position: fixed; right: 0px; top: 80px; z-index: 100; overflow-y: scroll;   
             transform: translate3d(100%, 0px, 0px);  transition: all 0.65s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.95);border-left: 1px solid #e7e7e7; }
    .menu>li{ width: 100%;}
    ul.menu.active{transform: translate3d(0px, 0px, 0px);}
    ul.menu>li{ line-height: 45px; height: 45px; border-bottom:1px solid #777;}
    ul.menu>li::after{ display: none;}
    ul.menu>li a{ height: 100%; font-size: 16px; padding: 0 0 0 10px; line-height: 45px; color: #222;}
    .header{justify-content: left;}
   
    ul.menu>li.active a{ border: none; font-size: 18px; text-shadow: 0 0 5px #dedcdc; }
    .menu>li.product_menu::after{ display:none;}
    .menu>li .productChild1{ display: none;}
    header .nav{width:30px;height:20px;display:block;position:absolute;top:10px;right:25px;cursor:pointer;padding:20px 15px;position:absolute;}
    header .nav span{width:26px;height:3px;background:#305BFF;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
    header .nav span:nth-child(2){top:29px;}
    header .nav span:nth-child(3){top:37px;}
    header .nav span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
    header .nav span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}

.main section{ padding: 26px 0;}

/* 首页banner图 */
#banner .swiper-pagination-bullet{ width: 30px; height: 6px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#banner .swiper-pagination-bullet-active{ background-color: #305BFF;}
.swiper-container>.swiper-wrapper>img{ display: block;width: 100%;}
#banner .swiper-button-prev ,#banner .swiper-button-next{ background:none;}
#banner .swiper-button-next,#banner .swiper-button-prev{ width: auto; height: auto;}
#banner .swiper-button-prev .iconfont,#banner .swiper-button-next .iconfont{ font-size: 32px; color: #fff; background-color: rgba(0, 0, 0, 0.3); padding: 10px; 
    border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%; }
#banner .swiper-button-next{ transform: rotate(180deg);}

@media screen and (max-width:820px){
    #banner .swiper-button-prev .iconfont,#banner .swiper-button-next .iconfont{ font-size: 18px; padding: 5px;}
    .main section{ padding: 14px 0;}
    .main{ padding-top: 8px;}
}

/* 搜索框 */
.searchBox{ display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-end;align-items:center; margin-right: 40px;}
.searchBox .search{ position: relative; width: 360px;}
.searchBox .search input{ padding: 4px 10px; width: 100%; line-height: 22px; font-size: 14px; color: #666; border: 1px solid #aaa; border-radius: 30px; -moz-border-radius:30px; outline: none;}
.searchBox .search .iconfont{ font-size: 18px; padding: 10px; color: #222; font-weight: 600; position: absolute; top: -4px; right: -16px; line-height: 22px;}

@media screen and (max-width:820px){
.searchBox .search{margin: 6px 0;  width: 62vw;}
}

.title{ margin: 12px auto; }
.title h3{ font-size: 24px; color: #666666; text-align: center; line-height: 1.5;}
.title div.line{ width: 50px; height: 2px; margin: 5px auto; background-color: #305BFF; }
.title h6{ font-size: 16px; color: #999; line-height: 1.5; text-align: center;}

/* 推荐产品 */
.productStyle{ padding: 20px 10px 50px 10px; box-sizing: border-box;}
.productStyle .productChild{border: 1px solid #666666; box-sizing: border-box; position: relative;}
.recommendImage{ width: 100%; height: 300px; overflow: hidden; border-bottom: 1px solid #666; position: relative;}
.recommendText{ padding: 20px 10px; height: 90px;}
.recommendText dt{ text-align: center; font-size: 20px; color: #666666; line-height: 1.8; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.recommendText dd{ font-size: 16px; color: #999999; text-align: center; line-height: 1.6; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.recommendText .sellWell{ width: 0; height: 0; border-color: transparent #3733CB; border-width: 0 0 70px 70px; border-style: solid; position: absolute; top: -1px; left: -1px; overflow: visible; }
.recommendText .sellWell>div{ font-size: 15px; color: #fff; position: absolute; top: 10px; left: -60px; white-space: nowrap; width: 2em; overflow: hidden;}

.productStyle .productChild .chechMore{display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:center;align-items:center; margin-top: 20px; transform: translateY(100px); 
    transition: all .4s ease-out 0; opacity: 0; filter: alpha(opacity=0); position: relative; z-index: -1; }
.productStyle .productChild .chechMore span{ display: inline-block; padding: 3px 10px; background-color: #FFF; color: #305BFF; font-size: 14px;}
.productStyle .productChild .chechMore .iconfont{display: inline-block; padding: 0 8px; background-color: #FFF; color: #305BFF; font-size: 18px;  margin-left: 10px;}

.productStyle .productChild:hover .chechMore{ transform: translateY(-45px);  transition: all .3s ease-out .1s; opacity: 1; filter: alpha(opacity=100); z-index: 100; }
.productStyle .productChild:hover{ border: 1px solid #305BFF;}
.productStyle .productChild:hover dt{ color: #fff;}
.productStyle .productChild dd:nth-of-type(1), .productStyle .productChild dd:nth-of-type(2){transform: translateY(0px);  transition: all .3s ease-out .2s; opacity: 1; filter: alpha(opacity=100);}
.productStyle .productChild:hover dd:nth-of-type(1), .productStyle .productChild:hover dd:nth-of-type(2){transform: translateY(-90px); opacity: 0; filter: alpha(opacity=0);  transition: all .2s ease-out 0s;}
.productStyle .productChild:hover .recommendText{ background: #305BFF;}
.productStyle .productChild:hover .chechMore{display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:center;align-items:center; margin-top: 10px; }
.productStyle .productChild:hover .chechMore span{ display: inline-block; padding: 3px 10px; background-color: #FFF; color: #305BFF; font-size: 14px;}
.productStyle .productChild:hover .chechMore .iconfont{display: inline-block; padding: 0 8px; background-color: #FFF; color: #305BFF; font-size: 18px;  margin-left: 10px;}

.recommendProduct .swiper-pagination-bullet{ width: 12px; height: 12px;}
.recommendProduct .swiper-pagination-bullet-active{ background-color: #305BFF;}
.fourBox{ width: 100%; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between;align-items:flex-start; }
.fourBox>a{width: 24%; margin-bottom: 30px;} 

.fake{ width: 24%; height: 1px; background: none; line-height: 0; font-size: 0;}

@media screen and (max-width:1200px){
    .recommendImage{ height: auto; min-height: 14rem;}
    .recommendText{ padding: 10px 8px; height: 80px;}
    .title{ margin: 36px auto;}
    .recommendImage img{ width: 100%;}
}
@media screen and (max-width:1024px){
    .fourBox>a{ width: 31%;}
    .fake{ width: 31%; height: 1px; background: none; line-height: 0; font-size: 0;}
}

@media screen and (max-width:768px){
    .title{ margin: 20px auto;}
    .title h3{ font-size: 20px;}
    .title h6{ font-size: 16px;}
    .productStyle{ padding: 20px 10px 0px 10px;}
    .recommendProduct{ padding: 10px 8px 40px 8px; }
    .recommendProduct .swiper-pagination-bullet{ width: 10px; height: 10px;}
    .recommendText dt{font-size: 16px;}
    .recommendText dd{ font-size: 14px;}
    .fourBox>a{ width: 48%;}
    .fake{ width: 48%; height: 1px; background: none; line-height: 0; font-size: 0;}
    .TOPhea{width: 100%;height: 80px;
        position: fixed;background: #ffffff;
        top: 0px;
        z-index: 9;}
        .wrapper {
            width: 100%;
            padding: 0px 10px;
        }

}
@media screen and (max-width:376px){
    .recommendImage{ height: auto; min-height: 12rem;}
}

/* 公司简介 */
.company{ width: 100%; box-sizing: border-box; background-color: #f8f8f8; overflow: hidden; }
.company .wrapper{ display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-end;align-items:flex-start; }
.company .company_image{ margin-right: 20px; margin-top: 40px;}
.company .company_intro{ width: 680px; padding-top: 30px; }
.company .company_intro h4{ font-size: 20px; color: #666666; line-height: 1.8; }
.company .company_intro h5{ font-size: 18px; color: #888; font-family: 'Georgia' ; font-style: oblique; font-weight: 300; line-height: 1.8; margin-bottom: 15px;}
.company .company_intro .intro *{ font-size: 14px; color: #7f7f7f; line-height: 2.2; text-indent: 2em;}
.company .company_intro>a{ font-size: 14px; color: #666; display: inline-block; padding: 5px 25px; border: 1px solid #999;  border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius:30px; margin-top: 30px;} 

@media screen and (max-width:1200px){
    .company .company_image{ width: 40%; margin-right: 2%;}
    .company .company_image img{ width: 100%; }
    .company .company_intro{ width: 57%;}
}
@media screen and (max-width:768px){
    .company .wrapper{ flex-wrap: wrap; justify-content: center;}
    .company .company_image{ width: 84%; margin: 0; margin-top: 15px; margin-bottom: 15px; order: 2;}
    .company .company_intro{ width: 100%; order: 1; box-sizing: border-box; padding: 0 8px;}
    .company .company_intro h4{ font-size: 18px; text-align: center;}
    .company .company_intro h5{ font-size: 16px; text-align: center;}
    .company .company_intro .intro *{ font-size: 12px;}
    .company .company_intro>a{ margin: 10px auto; width: 5em; text-align: center; display: block; }
}


/* product listMenu */
.listMenu{ display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:flex-start;align-items:center; margin: 0;}
.listMenu li{ margin-left: 10px; list-style: none;}
.listMenu li a{ font-size: 16px; color: #808080; padding: 4px 10px;}
.listMenu li.active a{ color: #305BFF;}
#listMenu{ justify-content: flex-end;}
@media screen and (max-width:768px){
    .listMenu{ justify-content:flex-start; }
    #listMenu{ justify-content: flex-start;}

}

/* 首页帮助 */

.supportHome>h4{ font-size: 24px; color: #555; line-height: 2; text-align: center; }
.mainBox{ width: 100%;  display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:center;align-items:flex-start; margin-top: 170px; }
.mainBox dd .knowladge h5,.mainBox dd .knowladge h5 *{font-size: 18px; color: #222; line-height: 2.2; padding: 5px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mainBox dd .knowladge .content,.mainBox dd .knowladge .content *{ font-size: 14px; color: #555; line-height: 1.8;}
.mainBox dd .knowladge:nth-of-type(2){ margin-top: 35px;} 
.mainBox dd .knowladge .content{ position: relative;}
.mainBox dd .knowladge .content img{ max-width: 100%;}

.mainBox dd:nth-of-type(1){ width: 340px; min-height: 420px; padding: 40px 35px 90px 35px; margin: 0 40px; height: auto; box-sizing: border-box;  position: relative; background-color: #b1ede7; order: 2; }
.mainBox dd:nth-of-type(1) h5,.mainBox dd:nth-of-type(1) h5 *{ font-weight: 500; color: #000;}
.mainBox dd:nth-of-type(2),.mainBox dd:nth-of-type(3){ width: 360px;  }
.mainBox dd:nth-of-type(2){ margin-top: 90px; order: 1;}
.mainBox dd:nth-of-type(3){ margin-top: 10px; order: 3;}
.mainBox dd:nth-of-type(2) .knowladge h5 , .mainBox dd:nth-of-type(2) .knowladge h5 *{ text-align: right; }
.mainBox dd:nth-of-type(2) .knowladge .content::before{content: ""; display: block; width: 160px;  height: 1px; margin-bottom: 5px; background-color: #ccc; position: absolute; top: -8px; right: -40px;  }
.mainBox dd:nth-of-type(3) .knowladge .content::before{content: ""; display: block; width: 160px;  height: 1px; margin-bottom: 5px; background-color: #ccc; position: absolute; top: -8px; left: -40px; }

.iconImage{ position: absolute; top: -140px; left: -90px; z-index: -1; }
.coverImage{ position: absolute; bottom: -90px; right: -80px; z-index: 2;}


@media screen and (max-width:1180px){
    .supportHome{ box-sizing: border-box; padding: 0 10px; }
    .mainBox dd:nth-of-type(1){ width: 32%; min-height: 370px; margin: 0 2%; padding: 40px 20px 90px 20px;}
    .mainBox dd:nth-of-type(2),.mainBox dd:nth-of-type(3){ width: 31%;  }
    .mainBox dd:nth-of-type(2) .knowladge .content::before{ right: -1%;}
    .mainBox dd:nth-of-type(3) .knowladge .content::before{ left: -1%;}
    .iconImage img{ width: 240px;}
    .coverImage img{ width: 160px;}
}
@media screen and (max-width:768px){
    .listMenu{ flex-wrap: wrap;}
    .mainBox{ flex-wrap: wrap; }
    .mainBox dd:nth-of-type(1),.mainBox dd:nth-of-type(2),.mainBox dd:nth-of-type(3){ width: 100%; margin: 0;}
    .mainBox dd:nth-of-type(1){ order: 1; margin-bottom: 6rem;}
    .mainBox dd:nth-of-type(2),.mainBox dd:nth-of-type(3){ order: 4;}
    .iconImage {  top: -5rem; left: 0;}
    .coverImage{ bottom: -4rem; right: 0;}
    .iconImage img{ width: 160px;}
    .coverImage img{ width: 100px;}
    .mainBox{ margin-top: 0; padding-top: 7rem;}
    .wrapper dl.mainBox dd .knowladge h5{ text-align: center;}
    .wrapper .mainBox dd .knowladge .content::before{ display: none;}
    .wrapper dl.mainBox dd .knowladge{ margin: 0 0 20px 0;}
}

/* 新闻 */
.newsHome{ width: 100%; height: 120px; background-size: cover; margin-top: 80px; overflow: hidden; position: relative;}
.newsHome h4,.newsHome h4 *{ width: 100%; font-size: 24px; color: #333; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
.newsBox{ display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start;  }
.newsBox li{ width: 30%; margin: 20px 1.6%;}
.newsBox li h5{ font-size: 18px; line-height: 2; color: #444;}
.newsBox li .coverImage1{ width:100%; margin-bottom: 8px; }
.newsBox li .coverImage1 img{ width: 100%;}
.newsBox li .newsList dd,.newsBox li .newsList dd *{ font-size:14px; color: #666; line-height: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newsBox li .newsList dd a:hover{ color: #305BFF;}
.newsBox li .newsList1{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; max-height: 100px;font-size:14px; color: #666; line-height: 25px; }
.newsBox li .newsList1, .newsBox li .newsList1 *{ font-size:14px; color: #666; line-height: 25px; height: 100px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; }

@media screen and (max-width:768px){
    .newsBox{ flex-wrap: wrap; }
    .newsBox li{ width: 94%; margin: 0 3%; margin-top: 25px;}
    .newsHome{ margin-top: 0px;}
    .newsBox li .newsList dd,.newsBox li .newsList dd *{ line-height: 22px;}
    .newsBox li h5{text-align: center;}
}

/* 链接 */
.link{ display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:flex-start; align-items:center; }
.link li a{ font-size: 14px; color: #666; padding: 2px 15px; line-height: 1.6;}

/* 尾部 */

.footerList{ display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between; align-items:center; }
.footerList dd>div{font-size: 14px; color: #666666; line-height: 2; }
.footerList dd>div *,.qcode>div *{display: inline-block; font-size: 14px; color: #666666; line-height: 2; font-weight: 500; }
.qcode img{width: 120px;}
.qcode>div{  font-size: 16px; color: #666666; line-height: 1; text-align: center; }
.name{ text-align: right;}
.footerList .call ,.call *{ font-size: 24px; color: #666; line-height: 2; font-weight: 600; }
.copyRight {background: #1a1a1a;border-top: 1px solid #666666;}
.copyRight p{line-height: 50px;}
.copyRight ,.copyRight *{ text-align: center; line-height: 1.5; font-size: 14px; color: #666666;}
.copyRight *{ display:inline-block;}
.footerList .contact div .iconfont{ font-size: 22px; color: #737171;  margin-right: 6px; line-height: 1.4; text-align: center; vertical-align: middle;}
#content{ padding-bottom: 50px;}
@media screen and (max-width:1380px){
   
    .copyRight{ box-sizing: border-box; }

}
@media screen and (max-width:768px){
    footer{ padding: 0;}
   
    #content{ padding-bottom: 20px;}
    .qcode{ order: 3; text-align: center;}
    .name{ text-align: left;}
    .footerList dd{ width: 100%;}
    .footerList dd>div *,.qcode>div *{ line-height: 1.6;}
    .name div:nth-of-type(2),.name div:nth-of-type(3),.name div:nth-of-type(2) * ,.name div:nth-of-type(2) *{ display: inline-block; margin-right: 6px; vertical-align: middle;}
}


.detialsPage{ display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between; align-items:flex-start; }
.detialsPage dt{ width: 42%;}
.detialsPage dd.detialContent h4{ font-size: 24px; color: #555; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.detialsPage dd.detialContent h6{ font-size: 18px; color: #888; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.detialsPage dd.detialContent{ width: 40%;}
.detialsPage dd.detialContent div,.detialsPage dd.detialContent div *{ font-size: 15px; color: #888; line-height: 30px;}
#change{display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between; align-items:center; padding-top: 30px; }
.content h4{ font-size: 18px; color: #444;}
@media screen and (max-width:1380px){
    .content{ padding: 20px 15px;}
    .detialsPage dd.detialContent{ margin-top: 100px;}
}
@media screen and (max-width:768px){
    .detialsPage dt{ width: 90%; margin: 10px auto;}
    .detialsPage dd.detialContent{ width: 100%; box-sizing: border-box; padding-left: 20px; margin-top: 10px;}
    #change{padding-top: 12px; }
    .content{ padding: 20px 10px;}
}